<div style="width: 300px; margin: auto">
  <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
    <input type="text" nz-input placeholder="请输入搜索关键字" [(ngModel)]="keyword"/>
  </nz-input-group>
  <ng-template #suffixIconButton>
    <button nz-button nzType="primary" (click)="suspectQuery()" nzSearch><i nz-icon nzType="search"></i></button>
  </ng-template>
  <br/>
  <br/>
  <br/>
  <nz-spin nzSimple *ngIf="loading"></nz-spin>
</div>


<ng-template [ngIf]="isShowTable" #dataTable>

  <div style="width: 800px; text-align: center; margin: auto">
    <nz-table #basicTable [nzData]="data">
      <thead>
      <tr style="text-align: center; margin: auto">
        <th style="width: 50px">id</th>
        <th>日志详情</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{ data.id }}</td>
        <td>{{ data.data._source.msg }}</td>
        <!--      <td>-->
        <!--        <a>Action 一 {{ data.name }}</a>-->
        <!--        <nz-divider nzType="vertical"></nz-divider>-->
        <!--        <a>Delete</a>-->
        <!--      </td>-->
      </tr>
      </tbody>
    </nz-table>
    <div style="text-align: right">
      <span style="text-align: right">本次查询共耗时{{cost}}毫秒</span>
    </div>
  </div>
</ng-template>
